// 表格
.xh-table{
	font-size: 24upx;
	.cell{
		padding: 5upx 5upx 5upx 5upx;
		border-left: 1upx solid #aaa;
		border-bottom: 1upx solid #aaa;
		align-items: center;
		display: flex;
		&.boder{
			border-top: 1upx solid #aaa;
			border-right: 1upx solid #aaa;
		}
		&.no-bottom-border{
			border-bottom: 0upx;
		}
		&.bg{
			background-color: rgba(54,164,245,0.5);
			color: #fff;
			font-weight: 500;
		}
	}
	.xh-table-header{
		display: flex;
		align-items: center;
		.cell{
			background-color: rgba(54,164,245,0.5);
			color: #fff;
			font-weight: 500;
			&:last-child{
				border-right: 1upx solid #aaa;
			}
		}
	}
	
	.xh-table-body{
		flex: 1;
		.cell{
			&:last-child{
				border-right: 1upx solid #aaa;
			}
		}
		.xh-table-row{
			display: flex;
			align-items: stretch;
			flex: 1;
		}
	}
	.empty-data{
		color: #aaa;
	}
	.select{
		
	}
	.flex-1{
		flex: 1;
	}
	.flex-2{
		flex: 2;
	}
}
.flex{
	display: flex;
	&.flex-column{
		flex-direction: column;
	}
	&.flex-1{
		flex: 1;
	}
}
// 表单样式
.form-title{
	display: flex;
	flex: 1;
	color: #156DAC;
	height: 60upx;
	align-items: center;
	justify-content: center;
}
.inner-loop-table-collapse{
	background-color: #fff;color: #156DAC;font-size: 20upx;border-bottom: 2upx dashed #156DAC !important;
}
.user-form{
	display: flex;
	justify-content: center;
	flex-direction: column;
	flex: 1;
	span{
		flex:1;
	}
	.card{
		flex:1;
		background-color: #fff;
		padding: 20upx 40upx;
		box-sizing: border-box;
		border-radius: 20upx;
		margin-bottom: 20upx;
		.card-title{
			color: #666;
		}
		&.nlrp{
			padding: 20upx 0;
			border-radius: 0upx;
		}
	}
	.user-form-item{
		display: flex;
		flex:  1;
		align-items: center;
		color: #666;
		margin-bottom: 16upx;
		.loop-form-table{
			width: 100%;overflow: auto;
			.loop-form-table-row{
				white-space:nowrap;display: flex;align-items: center;
			}
			.loop-form-table-item{
				flex:0 0 40%;margin-left: 3%;white-space:normal;
				&.mini{
					flex: 0 0 20%;
				}
			}
		
		}
		.form-label{
			font-size: 28upx;
			flex: 0 0 180upx;
			&.auto{
				flex: 0 0 auto;
			}
			&.mini{
				flex: 0 0 90upx;
				overflow: hidden;
			}
		}
		.form-input{
			flex: 1;
			font-size: 28upx;
			height: 56upx;
			line-height: 56upx;
			
			border-bottom: 2upx solid #666;
			&.no-border{
				border: 0upx;
			}
			&.flex-start-center{
				display: flex;
				justify-content: flex-start;
				align-items: center;
			}
			.uni-input-wrapper{
				flex:1;
			}
			.uni-input-placeholder.input-placeholder{
				font-size: 28upx;
			}
			&.desc{
				border-bottom: 1upx solid #eee;
			}
		}
		
		
	}
}

// 表格卡片
.table-card{
	display: flex;
	flex: 1;
	flex-direction: column;
	background-color: #fff;
	border-radius: 10upx;
	padding: 20upx 40upx;
	color: #666;
	&.nlrp{
		padding: 20upx 0;
	}
	.table-card-title{
		color : rgba(54,164,245,1);
	}
	.card-row{
		flex: 1;
		display: flex;
		flex-direction: row;
		margin-bottom: 5upx;
		&.header{
			background-color: rgba(54,164,245,0.5);
			color: #fff;
			margin: 10upx 0;
		}
	}
	.table-card-input, .select{
		border-bottom: 1upx solid #999;
		height: 50upx;
		line-height: 50upx;
		box-sizing: border-box;
	}
	.flex{
		display: flex;
	}
	.flex-1{
		flex: 1;
		margin-right: 10upx;
	}
	.flex-2{
		flex: 2;
		margin-right: 10upx;
	}
}

// 表单
/deep/.right-form{
	&.no-padding{
		&.uni-forms--top{
			padding: 0px;
		}
	}
	&.left{
		.form-content{
			.uni-easyinput__content{
				text-align: left;
				&.is-disabled{
					background-color: #fff !important;
				}
			}
			.uni-easyinput__content-input{
				padding-left: 0px;
			}
		}
		
		.uni-easyinput__content-input{
			padding-left: 0px !important;
		}
		.uni-easyinput__content-textarea.input-padding{
			padding-left: 0px !important;
		}
	}
	.form-content{
		background-color: #fff;
		padding: 0upx 30upx;
		width: 100%;
		margin: 25upx auto;
		border-radius: 20upx;
		&.no-margin{
			margin: 0 auto;
		}
		&.no-padding{
			padding: 0upx;
		}
		.uni-forms-item{
			margin-bottom: 20upx;
			&.margin-10{
				margin-bottom: 10upx;
			}
		}
		.uni-forms-item__inner{
			border-bottom: 2upx solid #eee;
			// padding: 10upx 0;
		}
		.input-placeholder{
			color: #aaa;
		}
		.uni-easyinput__content{
			border: 0upx !important;
			text-align: right;
		}
	}
	.form-btn{
		margin-top: 50upx;
		background-color: #156dac;
		color: #fff;
		letter-spacing: 10upx;
		font-size: 30upx;
	}
}
// 抽屉
.draw-panel{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: calc(100vh - 90upx);
	background-color: #efefef;
	// 表单
	.drawer-form{
		padding: 20upx;
		.drawer-form-item{
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 10upx 0;
			margin-bottom: 10upx;
			.drawer-label{
				flex: 0 0 120upx;
				color: #156dac;
			}
			.drawer-content{
				flex: 1;
				margin-left: 20upx;
				border-bottom: 1upx solid #bbb;
				.ipt-ctl{
					// border-bottom: 1upx solid #bbb;
					.uni-easyinput__content{
						background: inherit !important;
						border: 0px;
						min-height: 52upx;
					}
					.uni-easyinput__content-input{
						padding-left: 0px !important;
					}
				}
			}
		}
	}
	.operation-panel{
		padding: 30upx 20upx;
		flex: 1;
		overflow: auto;
		&.flex{
			display: flex;
			justify-content: space-between;
			align-items: center;
			flex-wrap: wrap;
			flex-direction: row;
			&.start{
				justify-content: flex-start;
			}
		}
		.item-btn{
			width: 100%;
			position: relative;
			background-color: #156dac;
			color: #fff;
			text-align: center;
			height: 60upx;
			line-height: 60upx;
			border-radius: 10upx;
			margin-bottom: 20upx;
			&.mini{
				width: 30%;
				overflow: hidden;
				&.col4{
					width: 22%;
				}
				&.col2{
					width: 48%;
				}
				&.auto{
					width: auto;
					min-width: 30%;
					padding: 0upx 10upx;
				}
				&.mr-20{
					margin-right: 20upx;
				}
			}
			&.lp{
				letter-spacing: 10upx;
			}
			&.green{
				background-color: #5eb00e;
				color: #fff;
			}
			&.white{
				background-color: #fff;
				color: #156dac;
				border: 1px solid #156DAC;
			}
			.font-icon{
				position: absolute;
				top: 15upx;
				left: 30upx;
				width: 50upx;
				text-align: center;
				border-radius: 50%;
				height: 50upx;
				line-height: 50upx;
				background-color: #156dac;
				color: #fff;
				&.active{
					background-color: #fff;
					color: #156dac;
				}
			}
			.icon{
				position: absolute;
				left: 30upx;
			}
		}
		.item-card{
			border-radius: 10upx;
			background-color: #fff;
			margin-bottom: 20upx;
			padding: 10upx 20upx;
			.card-content{
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				padding-top: 20upx;
				.choose-block{
					flex: 0 0 30%;
					background-color: #e1e1e1;
					color: #5E5E5E;
					padding: 10upx 0;
					text-align: center;
					margin-bottom: 20upx;
					font-size: 24upx;
					&.active{
						background-color: #156dac;
						color: #fff;
					}
				}
				.empty{
					flex: 0 0 30%;
				}
			}
			.card-title{
				display: flex;
				height: 80upx;
				align-items: center;
				border-bottom: 2upx dashed #999;
				.content{
					flex: 1;
				}
				.icon{
					flex: 0 0 60upx;
					text-align: center;
					&.left{
						text-align: left;
					}
					&.right{
						text-align: right;
					}
				}
			}
		}
	}
	.bottom-panel{
		padding: 40upx 20upx;
	}
	.operation-panel,
	.bottom-panel{
		.item-btn{
			width: 100%;
			position: relative;
			background-color: #156dac;
			color: #fff;
			text-align: center;
			height: 60upx;
			line-height: 60upx;
			border-radius: 10upx;
			margin-bottom: 20upx;
			&.lp{
				letter-spacing: 10upx;
			}
			&.green{
				background-color: #5eb00e;
				color: #fff;
			}
			&.white{
				background-color: #fff;
				color: #156dac;
				border: 1px solid #156DAC;
			}
			.font-icon{
				position: absolute;
				top: 15upx;
				left: 30upx;
				width: 50upx;
				text-align: center;
				border-radius: 50%;
				height: 50upx;
				line-height: 50upx;
				background-color: #156dac;
				color: #fff;
			}
			.icon{
				position: absolute;
				left: 30upx;
			}
		}
	}
	.left-panel{
		
	}
}

.picker-panel{
	padding: 10upx 0upx 10upx 25upx;
	height: 72upx;
	line-height: 72upx;
	font-size: 28upx;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	
}

.flex-justify-between{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.header-icon-text-panel{
	display: flex;flex-direction: row;align-items: center;justify-content: center;flex: 1;
	.title {
		font-size: 32upx;
	}
}
.lb-picker-placeholder-panel{
	display: flex;
	justify-content: space-between;
	align-items: center;
	.lb-picker-text{
		flex: 1;
		border-bottom: 1upx solid #156dac;
		color: #666;
		overflow: auto;
	}
	.lb-picker-placeholder{
		flex: 1;
		border-bottom: 1upx solid #156dac;
		color: #999;
	}
}
.uni-forms-item__content{
	flex: 1;
	overflow: auto;
}

.content.padding{
	margin-top: var(--status-bar-height);
}
.header-time{
	color: #299AEB;
	font-family: Source Han Sans CN;
	font-weight: bold;
	border-bottom: 1upx solid #F5F5F5;
}
.header-time .label{
	font-size: 30upx;
}
.float-add-btn{
	position: fixed;
	right:40upx;
	bottom: 80upx;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
	background-color: #0081FF;
	width: 100upx;
	height: 100upx;
	border-radius: 50%;
	box-shadow: 5upx 5upx 5upx rgba(0,0,0,0.3);
}
.add-row-btn,.sub-row-btn{
	padding: 0 5upx;
	margin-right: 10upx;
}
.add-row-btn{
	color: #F43F3B !important;
}
.sub-row-btn{
	color: #1AAD19 !important;
}
//正常
.outlet-normal{
  color: #32b16c !important;
}
//故障
.outlet-fault{
  color: #e60012 !important;
}
//超标
.outlet-over-standard{
  color: #e2d503 !important;
}
//离线
.outlet-off-line{
  color: #aaaaaa !important;
}
//停运
.outlet-decommissioning{
  color: #000000 !important;
}
//恒值
.outlet-constant-value{
  color: #1e94d4 !important;
}